<!DOCTYPE html>
<html>
<meta charset="utf-8">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="ui.css">
    <link rel="stylesheet" type="text/css" href="scrollbarstyle.css">
    <script src="jquery-3.3.1.min.js"></script>
    <script src="qwebchannel.js"></script>
    <script src="msgtmpl.js"></script>
</head>

<body style="height: 100%;">
    <div id="placeholder">
    </div>
    <!-- Left -->
    <div class="sender">
        <div>
            <img class="header" src="D:\dev-code\vscode\boost_chat\client\static\resource\img\mainwindow\girl.png"
                ondragstart="return false;" onselectstart="return false;">
        </div>
        <div class="content">
            <div class="left_triangle"></div>
            在吗？
        </div>
    </div>
    <!-- Right -->
    <div class="receiver">
        <div>
            <img class="header" src="D:\dev-code\vscode\boost_chat\client\static\resource\img\mainwindow\girl.png"
                ondragstart="return false;" onselectstart="return false;">
        </div>
        <div class="content">
            <div class="right_triangle"></div>
            在的
        </div>
    </div>
    <div class="receiver">
        <div>
            <img class="header" src="D:\dev-code\vscode\boost_chat\client\static\resource\img\mainwindow\girl.png"
                ondragstart="return false;" onselectstart="return false;">
        </div>
        <div class="content" onclick="onFileClicked(this)">
            <div class="filename">vsadsadfasd.mp3</div>
        </div>

    </div>
    </div>
</body>

</html>